.list ul li{
  margin-top:18px;
  float:left;
  text-align:center;
  width:25%;
}
.list ul li img{
  height:50%;
  width:50%;
}
#list ul li:nth-last-of-type(-n+4){
  display:none;
}
.discount{
    line-height:30px;
}
.disbar{
  color: white;
  margin-left:15px;
  font-weight:bolder;
  font-size:16px;
  float:left;
}
.distitle{
  background:#FF9B1A;
}
.discount .icon{
  float:right;
  height:25px;
  width:25px;
  border:1px solid white;
  border-radius:50%;
  text-align:center;
}
.details{
  padding-top:17px;
  padding-left:15px;
  display:inline-block;
   position:relative;
   border-bottom: 1px solid gray;
   width:100%;
}
.det_img{
  width:20%;
}
.details a{
  width:100%;
  display:inline-block;
 height:100%;
}
.details a img{
  width:50%;
  height:50%;
  float:left;
}
.details a .details_add{
 font-size:10px;
 color:gray;
}
.details a .details_add .desc{
  font-size:14px;
   position:absolute;
   line-height:16px;
top:0px;
}
.details a .details_add .desc span{
 color:red;
}
.details a .details_add .price{
  position: absolute;
  bottom:0px;
  width:64%;
}
.details a .details_add .price span{
  position:absolute;
  /*display:block;*/
  right:0px;
}

.more{
  text-align:center;
}
